<template>
	<view class="add-member-limit-pop">
		<view class="tip-view">
			<text class="title">添加人数上限</text>
			<view class="tip-desc-view">
				<view class="tip-desc">①分享到<text style="color: #FF4206;">亲人群</text>,可获得10个添加人数/次</view>
			</view>
			<button class="left-btn" @click="clickShare">立即分享</button>
			<view class="tip-desc-view">
				<view class="tip-desc">②下载拾亲APP，可获取更多添加人数</view>
			</view>
			<text class="left-btn" @click="clickDownLoad">立即下载</text>
			<view class="tip-desc-view">
				<view class="tip-desc">③开通拾亲VIP，可无限制添加人数</view>
			</view>
			<text class="left-btn" @click="clickOpenVip" style="margin-bottom: 40rpx;">立即开通</text>
		</view>
		<image style="width: 60rpx;height: 60rpx;margin-top: 42rpx;" src="../../static/img_close-add-number-limit.png" @click="closeClick"></image>
	</view>
</template>

<script>
	export default {
		name: "add-number-limit-pop",
		props: {
			isShow: false,
		},
		data() {
			return {};
		},
		methods: {
			closeClick: function() {
				var obj = {
					isclose: false,
				};
				this.$emit('returnAddNumBerLimitPop', obj);
			},
			clickShare:function() {
				var obj = {
					isclose: false,
					tag: "share"
				};
				this.$emit('returnAddNumBerLimitPop', obj);
			},
			clickDownLoad:function() {
				var obj = {
					isclose: false,
					tag: "download"
				};
				this.$emit('returnAddNumBerLimitPop', obj);
			},
			clickOpenVip:function() {
				var obj = {
					isclose: false,
					tag: "vip"
				};
				this.$emit('returnAddNumBerLimitPop', obj);
			}
		}
	}
</script>

<style>
	@import "add-number-limit-pop.css";
</style>
